<template>
  <div>
    <screen height="75px">
      <div class="screen">
        <el-select v-model="value" filterable placeholder="请选择充电桩">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
        <div class="btn">
          <btn>
            <el-button @click="ReceivablesQuery">查询</el-button>
            <el-button @click="ReceivablesReset">重置</el-button>
          </btn>
        </div>
        <div></div>
      </div>
    </screen>
  </div>
</template>

<script>
import screen from "@/components/screen";
import btn from "@/components/btn";

export default {
  components: {
    screen,
    btn
  },
  data() {
    return {
          options: [
        {
          value: "选项1",
          label: "充电桩1"
        },
        {
          value: "选项2",
          label: "充电桩2"
        },
        {
          value: "选项3",
          label: "充电桩3"
        },
        {
          value: "选项4",
          label: "充电桩4"
        },
        {
          value: "选项5",
          label: "充电桩5"
        }
      ],
      value:""
    };
  },
  methods: {
    WeChatSettings(){

    },
    ReceivablesQuery(){
      
    }
  }
};
</script>
<style scoped>
/deep/ .el-input__inner {
  border-radius: 0;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  color: #fff;
}
.screen {
  display: flex;
/* margin-top: 4px; */
 align-items: center;
}

.el-select {
  margin-left: 30px;
}
.btn  div{
  margin:0 80px;
}
.block {
    text-align: center;
}
</style>